<template>
    <div class="aboutus_box">
        <div class="aboutus_header">
        <router-link tag="i" to="/index/first" class=" ">
            <i class="el-icon-arrow-left"></i>
        </router-link>
            <span>关于我们</span>    
        </div>     
<router-link tag="div" to="/aboutus/useragreement" class=" ">
<div class="aboutus_content">
            <!-- @/assets/yjpic/service.png -->
        <img src="@/assets/yjpic/ic_settings_agreenment.png" alt="">
        <span>用户协议</span>
        </div>
        </router-link>
        <router-link tag="div" to="/aboutus/contactus" class=" ">
        <div class="aboutus_content">
            <!-- @/assets/yjpic/service.png -->
        <img src="@/assets/yjpic/ic_settings_contact.png" alt="">
        <span>联系我们</span>
        </div>
        </router-link>
        <div class="aboutus_content">
            <!-- @/assets/yjpic/service.png -->
        <img src="@/assets/yjpic/ic_settings_update.png" alt="">
        <el-button :plain="true" @click="openCenter">版本升级</el-button>
        </div>
        <div class="aboutus_footer">
        <span>版本: 2.1.8</span><br>
        <span>舒可士（深圳）科技有限公司  版权所有</span><br>
        <span>Copyright © 2015-2019 All Rights Reserved</span>
        </div>
    </div>
</template>
<script>
export default {
    methods: {
      openCenter() {
        this.$message({
          message: '你使用的已是最新版本',
          center: true,
          offset:220,
        });
      }
    }
  }
</script>
<style lang="less">
 .el-message--info .el-message__content{
    color: #fff !important;
}
.el-message {
    background-color: #000 !important;
}
*{
    margin: 0;
    padding: 0;
}
.aboutus_box{
    background-color: rgba(184, 189, 186, 0.185);
    height: 100vh;
   
.aboutus_header{
    background-color: #ffffff;
    display: flex;
    padding: 25px;
    align-items: center;
    i{
        font-size: xx-large;
    }
    span{
        font-size: 0.48rem;
        display: block;
        width: 100%;
        text-align: center;
    }
}
.aboutus_content{
    display: flex;
    padding: 10px;
    background-color: #ffffff;
    align-items: center;
    color: rgb(104, 101, 101);
    border-top: 2px solid rgba(226, 221, 216, 0.959);
    .el-button {
    font-size: 0.48rem !important;
    border: none !important;
    padding: 0 !important;
    color: unset !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

    span{
        font-size: 0.48rem;
    }
    img{
        width: 1.2rem;
        height: 1.2rem;
        margin-right: 25px;
        margin-left: 10px;
    }
}
.aboutus_footer{
    position: fixed;
    width: 100%;
    bottom: 0;
    text-align: center;
    margin-bottom: 60px;   
}
}
</style>